
	<div id="unitHouseList">
				<!--工具条-->
				<div name="searchColums" id="searchColums_house">
					<el-form :inline="true" :model="houseFilters" size="small" ref="houseFilters" class="searchForm">
						<el-form-item class="el-form-item" label="房屋名称">
							<el-input v-model="houseFilters.houseName" name="houseName" auto-complete="off" placeholder="请输入房屋名称"></el-input>
						</el-form-item>
						<span class="bth_search">
					<el-form-item>
			    		<el-button type="success" icon="el-icon-search" v-on:click="getUnitHouse">查询</el-button>
			    	</el-form-item>
			    	<el-form-item>
			    		<el-button icon="el-icon-refresh" @click="resetHouseForm('houseFilters')">重置</el-button>
			    	</el-form-item>
				</span>
					</el-form>
				</div>
				<!--toolbar-->
				<el-row id="toolbar_house">
					<el-col :span="24">
						<div class="grid-content bg-purple-light">
							<el-button type="primary" size="mini" icon="el-icon-edit" @click="handleAddHouse">新增</el-button>
							<el-button type="primary" size="mini" @click="batchRemoveHouse" :disabled="this.houseSels.length===0" icon="el-icon-delete">批量删除</el-button>
							<el-button type="primary" size="mini" @click="templeteDownHouse"  icon="el-icon-download">模板下载</el-button>
							<el-button type="primary" size="mini" @click="templeteUpHouse"  icon="el-icon-upload">导入</el-button>
						</div>
					</el-col>
				</el-row>

				<!--列表-->
				<el-table :data="unitHouseDatas" id="houseDataGrid" empty-text=" " height="250" border stripe size="mini"
						  :header-row-class-name="headStyle" highlight-current-row v-loading="listhouseLoading"
						  :row-class-name="tableRowClassName" @sort-change="handleHouseSortChange"  @selection-change="selsChangeHouse" style="width: 100%;">
					<el-table-column type="selection" width="45"></el-table-column>
					<el-table-column prop="index" :formatter="index_formatter" label="序号" width="60"></el-table-column>
					<el-table-column prop="unitName"  label="所属单元" width="120"  show-overflow-tooltip></el-table-column>
					<el-table-column prop="buildingName"  label="所属楼名称" width="120"  show-overflow-tooltip></el-table-column>
					<el-table-column prop="houseName" label="房屋名称" width="120"  show-overflow-tooltip></el-table-column>
					<el-table-column prop="houseType" label="户型" width="100"  show-overflow-tooltip></el-table-column>
					<el-table-column prop="status" label="房屋状态" width="100"  show-overflow-tooltip></el-table-column>
					<el-table-column prop="giveDate" label="交房日期" width="120"  show-overflow-tooltip></el-table-column>
					<el-table-column prop="proertyEndtime" label="物业费截止日期" width="120"  show-overflow-tooltip></el-table-column>
					<el-table-column prop="buildSize" label="建筑面积" width="100"  show-overflow-tooltip></el-table-column>
					<el-table-column prop="useSize" label="使用面积" width="100"  show-overflow-tooltip></el-table-column>
					<el-table-column label="操作" width="160">
						<template scope="scope">
							<el-button size="mini" @click="handleEditHouse(scope.$index, scope.row)">编辑</el-button>
							<el-button type="danger" size="mini" @click="handleDelHouse(scope.$index, scope.row)">删除</el-button>
						</template>
					</el-table-column>
					<el-table-column  width="auto" label="" ></el-table-column>
				</el-table>

				<!--工具条-->
				<el-col :span="24" class="toolbar" id="housepageDiv">
					<el-pagination small background @current-change="handleHouseCurrentChange" @size-change="handleHouseSizeChange" :page-sizes="[10, 20, 50, 100]"
								   :page-size="housepageSize" :total="housetotal" layout="total,sizes, prev, pager, next"  style="float:right;"></el-pagination>
				</el-col>

				<!--编辑界面-->
				<el-dialog title="编辑"  :visible.sync="editHouseFormVisible" :close-on-click-modal="false">
					<el-form :model="editHouseForm" label-width="120px" :rules="addHouseFormRules" ref="editHouseForm" size="mini">
						<el-input v-model="editHouseForm.buildingId" type="hidden" style="display: none!important;"></el-input>
						<el-input v-model="editHouseForm.unitId" type="hidden" style="display: none!important;"></el-input>
						<el-form-item label="房屋名称" prop="houseName">
							<el-input v-model="editHouseForm.houseName" auto-complete="off" placeholder="请输入房屋名称"></el-input>
						</el-form-item>
						<el-form-item label="户型" prop="houseType">
							<el-input v-model="editHouseForm.houseType" auto-complete="off" placeholder="请输入户型"></el-input>
						</el-form-item>
						<el-form-item label="房屋状态" prop="status">
							<el-input v-model="editHouseForm.status" auto-complete="off" placeholder="请输入"></el-input>
						</el-form-item>
						<el-form-item label="交房日期" prop="giveDate">
							<el-input v-model="editHouseForm.giveDate" auto-complete="off" placeholder="请输入"></el-input>
						</el-form-item>
						<el-form-item label="物业费截止日期" prop="proertyEndtime">
							<el-input v-model="editHouseForm.proertyEndtime" auto-complete="off" placeholder="请输入"></el-input>
						</el-form-item>
						<el-form-item label="建筑面积" prop="buildSize">
							<el-input v-model="editHouseForm.buildSize" auto-complete="off" placeholder="请输入"></el-input>
						</el-form-item>
						<el-form-item label="使用面积" prop="useSize">
							<el-input v-model="editHouseForm.useSize" auto-complete="off" placeholder="请输入"></el-input>
						</el-form-item>
					</el-form>
					<div slot="footer" class="dialog-footer">
						<el-button @click.native="editHouseFormVisible = false">取消</el-button>
						<el-button type="primary" @click.native="editHouseSubmit" :loading="editHouseLoading">提交</el-button>
					</div>
				</el-dialog>

				<!--新增界面-->
				<el-dialog title="新增"  :visible.sync="addHouseFormVisible" :close-on-click-modal="false">
					<el-form :model="addHouseForm" label-width="80px" :rules="addHouseFormRules" ref="addHouseForm" size="mini">
						<el-input v-model="addHouseForm.buildingId" type="hidden" style="display: none!important;"></el-input>
						<el-input v-model="addHouseForm.unitId" type="hidden" style="display: none!important;"></el-input>
						<el-form-item label="房屋名称" prop="houseName">
							<el-input v-model="addHouseForm.houseName" auto-complete="off" placeholder="请输入房屋名称"></el-input>
						</el-form-item>
						<el-form-item label="户型" prop="houseType">
							<el-input v-model="addHouseForm.houseType" auto-complete="off" placeholder="请输入户型"></el-input>
						</el-form-item>
						<el-form-item label="房屋状态" prop="status">
							<el-input v-model="addHouseForm.status" auto-complete="off" placeholder="请输入"></el-input>
						</el-form-item>
						<el-form-item label="交房日期" prop="giveDate">
							<el-input v-model="addHouseForm.giveDate" auto-complete="off" placeholder="请输入"></el-input>
						</el-form-item>
						<el-form-item label="物业费截止日期" prop="proertyEndtime">
							<el-input v-model="addHouseForm.proertyEndtime" auto-complete="off" placeholder="请输入"></el-input>
						</el-form-item>
						<el-form-item label="建筑面积" prop="buildSize">
							<el-input v-model="addHouseForm.buildSize" auto-complete="off" placeholder="请输入"></el-input>
						</el-form-item>
						<el-form-item label="使用面积" prop="useSize">
							<el-input v-model="addHouseForm.useSize" auto-complete="off" placeholder="请输入"></el-input>
						</el-form-item>
					</el-form>
					<div slot="footer" class="dialog-footer">
						<el-button @click.native="addHouseFormVisible = false">取消</el-button>
						<el-button type="primary" @click.native="addHouseSubmit" :loading="addHouseLoading">提交</el-button>
					</div>
				</el-dialog>
				<!--导入界面-->
				<el-dialog title="导入"  :visible.sync="importHouseFormVisible" :close-on-click-modal="false">
					<el-upload
							class="upload-demo"
							ref="houseUpload"
							accept="xls,xlsx"
							action="unitHouse?upload"
							:on-preview="handlePreviewHouse"
							:on-remove="handleRemoveHouse"
							:on-success="handleSuccessHouse"
							:before-upload="beforeAvatarUpload"
							:file-list="fileListHouse"
							:data="uploadParamsHouse"
							:auto-upload="false">
						<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
						<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUploadHouse">上传</el-button>
						<div slot="tip" class="el-upload__tip">只能上传xls/xlsx文件</div>
					</el-upload>
				</el-dialog>


	</div>
